<template>
  <div class="container">
    <NavTab></NavTab>
    <div class="body-container">
      <router-view></router-view>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import NavTab from "@/component/navTab/index.vue";
import Footer from "@/component/footer/index.vue";

export default {
  name: "App",
  components: {
    NavTab,
    Footer
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="scss">
.container {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  font-size: 1rem;

  width: 100%;
  position: relative;

  /* 隐藏滚动条 */
  ::-webkit-scrollbar {
    display: none;
  }

  .body-container{
    min-height: calc(100vh - 220px);
    margin-top: 40px;
    max-width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
}
</style>
